<div onselectstart="return false;" ondragstart="return false;" class="DT_GridWrapper">
    <div class="DataGridDiv" style="width:{{Width}};height:{{Height}};">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td ng-show="IsSelect">
                    <table class="TableHeadLeft" cellpadding="0" cellspacing="0">
                        <colgroup><col width="{{CheckColumn.Width}}"/></colgroup>
                        <tr>
                            <td>
                                <!--支持多选，显示CheckBox-->
                                <div ng-if="IsSelect" style="width: {{CheckColumn.Width}};">
                                    <CheckBox value="Checked.IsCheckedAll" ng-click="checkedAllClick()"></CheckBox>
                                </div>
                                <!--不支持多选,不显示CheckBox-->
                                <div ng-if="!IsSelect" style="width: {{CheckColumn.Width}};">&nbsp;</div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table class="TableHead" cellpadding="0" cellspacing="0">
                        <tr ng-transclude>
                        </tr>
                    </table>
                </td>
                <td ng-show="Edit.IsEdit && (Edit.IsAdd || Edit.IsDelete)">
                    <table class="TableHeadRight" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width:80px;min-width:80px;text-align: center; cursor:default;">操作</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td ng-show="IsSelect" style="border-bottom:solid #ECECEC 1px;height:auto;">
                    <table class="TableBodyLeft" cellpadding="0" cellspacing="0">
                        <colgroup></colgroup>
                    </table>
                </td>
                <td style="border-bottom:solid #ECECEC 1px;height:auto;">
                    <table class="TableBody" cellpadding="0" cellspacing="0">
                        <colgroup></colgroup>
                    </table>
                </td>
                <td ng-show="Edit.IsEdit && (Edit.IsAdd || Edit.IsDelete)" style="padding:0px;border-bottom:solid #ECECEC 1px;height:auto;">
                    <table class="TableBodyRight" cellpadding="0" cellspacing="0">
                        <colgroup>
                            <col width="80px"/>
                        </colgroup>
                    </table>
                </td>
            </tr>
        </table>
        <div class="DT_SpaceAdd" ng-show="Edit.IsEdit && Edit.IsAdd && Dom._BodyElement.rows.length == 0">
            <div ng-click="btnAdd()"></div>
        </div>
    </div>
    <div style="border:solid #CCC 1px;border-top-width: 0px;height:34px;position:relative;">
        <div ng-show="IsFilter">
            <div class="DT_FillerDiv" ng-click="filterClick()" data-toggle="modal" data-target="#{{DataGrid_filterID}}">
                <img src="modules/Base/client/Images/Filler.png" style="position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);"/>
            </div>
            <div class="modal fade" data-backdrop="static" data-keyboard="false" id="{{DataGrid_filterID}}" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document" style="height: 100%;margin: 0 auto;">
                    <div class="modal-content"  style="width:600px;height:auto;top:50%;left: 50%;transform:translateX(-50%) translateY(-50%);">
                        <div class="modal-header" style="height:30px;padding: 5px;">
                            <button type="button" class="close" ng-click="btnFilterCancelClick()" style="outline: none;" aria-label="Close">x</button>
                            <h5 class="modal-title" style="text-align:left;color:#676767;font-family:Microsoft YaHei;">查询</h5>
                        </div>
                        <div class="modal-body" style="padding:5px;">
                        </div>
                        <div class="modal-footer" style="height: 40px;padding: 5px;">
                            <button type="button" class="btn btn-default" style="height:30px;padding:0px 10px;" ng-click="btnFilterCancelClick()">取消</button>
                            <button type="button" class="btn btn-primary" style="height:30px;padding:0px 10px;" ng-click="btnFilterOKClick()">确认</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="PageToolbar" onselectstart="return false;" ondragstart="return false;">
            <div class="PTRing" ng-click="firstPage()">
                <div class="PTLine PTRing" style="margin-left: 10px;"></div>
                <div class="PTArrow PTFirstPage"></div>
            </div>
            <div class="PTRing" ng-click="prePage()"><div class="PTArrow PTPrePage"></div></div>
            <div class="PTNum">
                <div ng-repeat="page in DisplayPages" ng-click="pageNumClick(page)" class="{{page == PageNum ? 'PTNumSeleted' : 'PTNumNoSeleted'}}" >{{page + 1}}</div>
            </div>
            <div class="PTRing" ng-click="nextPage()"><div class="PTArrow PTNextPage"></div></div>
            <div class="PTRing" ng-click="lastPage()">
                <div class="PTArrow PTLastPage"></div>
                <div class="PTLine"></div>
            </div>
            <div class="PTCount">共{{PageCount}}页</div>
            <div class="PTPages">页</div>
            <div class="PTInput">
                <input ng-keypress="toolBar_KeyPress()" ng-blur="pageNumBoxChange()" type="number" class="form-control" placeholder="页号">
            </div>
            <div class="PTPages">第</div>
        </div>
    </div>    
</div>

